<!-- start-768px-menu -->
<div class="mobile-sidebar">
	<div class="mobile-sidebar-wrap">
		<!-- search form -->
		<div class="searchform">
			<form method="get" action="<?php echo home_url(); ?>">
				<input class="search-box" type="text" name="s" value="<?php the_search_query(); ?>" placeholder="search...">
				<button class="submit"><i class="glyphicon glyphicon-search"></i></button>
			</form>
		</div>
		<!-- end search form -->

		<!-- nav -->
		<?php
		global $post; 
		$args = array(
			'sort_order' => 'ASC',
			'sort_column' => 'menu_order',
			'offset' => 0,
			'post_type' => 'page',
			'post_status' => 'publish'
			); 
		$pages = get_pages($args);
		?>
		<div class="mobile-menu">
			<ul>
				<?php foreach ($pages as $page) { ?>
				<?php
				$headingIcon = '';
				$activeClass = '';
				if($page->ID == $post->ID){
					$activeClass = 'active';
				}
				if(strtolower($page->post_title) == 'home'){
					$headingIcon = '<i class="glyphicon glyphicon-home"></i>';
				}
				if(strtolower($page->post_title) == 'introduction'){
					$headingIcon = '<i class="glyphicon glyphicon-list-alt"></i>';
				}
				if(strtolower($page->post_title) == 'product'){
					$headingIcon = '<i class="glyphicon glyphicon-th"></i>';
				}
				if(strtolower($page->post_title) == 'news'){
					$headingIcon = '<i class="glyphicon glyphicon-list"></i>';
					if(is_home() || is_single()){
						$activeClass = 'active';
					}
				}
				if(strtolower($page->post_title) == 'contact'){
					$headingIcon = '<i class="glyphicon glyphicon-envelope"></i>';
				}
				$headingIcon .= '&nbsp;&nbsp;'
				?>
				<li>
					<a class="<?php echo $activeClass; ?>" href="<?php echo get_page_link($page->ID); ?>">
						<?php echo $headingIcon . $page->post_title; ?>
					</a>
				</li>
				<?php } ?>
			</ul>
		</div>
		<!-- end nav -->

		<!-- mobile-social -->
		<div class="mobile-social">
			<ul>
				<li class="mobile-social-li sidebar-skype">
					<a class="share-wrap" href="skype:<?php echo get_option('contact_skype'); ?>?chat">
						<span class="share-image">&nbsp;</span>
						<span class="share-count green">&nbsp;&nbsp;</span>
					</a>
				</li>
				<li class="mobile-social-li sidebar-fb">
					<a class="share-wrap" href="https://www.facebook.com/<?php echo get_option('contact_facebook'); ?>">
						<span class="share-image">&nbsp;</span>
						<span class="share-count red">100</span>
					</a>
				</li>
				<li class="mobile-social-li sidebar-tw">
					<a class="share-wrap" href="https://twitter.com/<?php echo get_option('contact_twitter'); ?>/">
						<span class="share-image">&nbsp;</span>
						<span class="share-count red">62</span>
					</a>
				</li>
				<li class="mobile-social-li sidebar-ggp">
					<a class="share-wrap" href="https://plus.google.com/<?php echo get_option('contact_googleplus'); ?>/posts">
						<span class="share-image">&nbsp;</span>
						<span class="share-count red">89</span>
					</a>
				</li>
				<li class="mobile-social-li sidebar-rss">
					<a class="share-wrap" href="<?php bloginfo('rss2_url'); ?>">
						<span class="share-image">&nbsp;</span>
						<span class="share-count red">54</span>
					</a>
				</li>
			</ul>
		</div>
		<!-- end mobile-social -->
	</div>
	<!-- end wrap -->
</div>
<!-- end-768px-menu -->  